<!--
*@Author: QWP
*@Description: 公文签批审核
*@Date: 2024-07-08 17:04:38
-->
<template>
  <!-- <u-card title="签批审核">
    <u-form :elements="formEls"
      :model="form"
      :gutter="0"
      ref="formRef"
      class="u-doc-draft-audit-form">
    </u-form>
  </u-card> -->
  <u-card title="签字意见">
    <a-textarea :autoSize="{ minRows: 6, maxRows: 8 }"></a-textarea>
  </u-card>
</template>

<script lang='ts' setup>
import { ref, reactive, computed, onMounted, h } from 'vue' 

import { useRoute, useRouter } from 'vue-router'
import { _IFormEl } from '@/src/components/common/form/interface';
import { FormInstance, FormItemProps } from 'ant-design-vue';
import { HomeOutlined, FileTextOutlined, UploadOutlined } from '@ant-design/icons-vue';

const formRef = ref<FormInstance>()
const form = reactive({})
const formItemProps: FormItemProps = {
  labelWidth: '120px',
  colon: false
}
const formEls: Array<_IFormEl> = [
  { label: '文件标题', key: 'title', col: { span: 24 }, element: 'input', 
    formItemProps: { ...formItemProps, required: true } 
  },
  { label: '拟稿人', key: 'title', col: { span: 24 }, element: 'input', 
    formItemProps: { ...formItemProps, required: true } 
  },
  { label: '拟稿日期', key: 'title', col: { span: 24 }, element: 'datepicker', 
    formItemProps: { ...formItemProps, required: true } ,
  },
  { label: '发文单位', key: 'title', col: { span: 24 }, element: 'input', 
    formItemProps: { ...formItemProps, required: true } ,
  },
  { label: '经办人座机', key: 'title', col: { span: 24 }, element: 'input', 
    formItemProps: { ...formItemProps, required: true } ,
  },
  { label: '签发', key: 'title', col: { span: 24 }, element: 'textarea', 
    formItemProps: { ...formItemProps, required: true } ,
  },
]


// 弹窗关闭
const dialogClose = () => {
  formRef.value.form.resetFields();
}
</script>

<style lang='scss' >
.u-doc-draft-audit-form {
  &>.ant-row {
    $borderColor: #D9D9D9;
    border-bottom: 1px solid $borderColor ;
    border-right: 1px solid $borderColor ;
    .ant-form-item {
      margin-bottom: 0;
      .ant-form-item-row {
        .ant-col {
          border: 1px solid $borderColor;
          border-bottom: unset;
          border-right: unset;
          border-collapse: collapse;
          background: rgba(242,242,242,0.5);
        }
        .ant-form-item-label {
          label {
            font-family: PingFang SC, PingFang SC;
            font-weight: 400;
            color: #333;
            line-height: 22px;
            text-align: left;
            font-style: normal;
            text-transform: none;
          }
        }
      }
      .ant-input-suffix {
        color: #AAAAAA
      }
    }
    .u-view-text {
      .ant-form-item-row {
        height: 60px;
        .ant-form-item-label {
          line-height: 60px;
        }
      }
    }
  }
}
</style>